const menu = document.querySelector('#menu-icon')
const navList = document.querySelector('.nav-list')

menu.addEventListener('click', () => {
	menu.classList.toggle('bx-x')
	navList.classList.toggle('open')
})

const sr = ScrollReveal({
	distance: '30px',
	duration: 2000,
	reset: true
})

sr.reveal('.main-text', { delay: 200, origin: 'top' })
sr.reveal('.main-img', { delay: 450, origin: 'top' })
sr.reveal('.icons', { delay: 500, origin: 'left' })
sr.reveal('.scroll-down', { delay: 500, origin: 'right' })